.ssch_box{
  .bg(@img){
      background: url("../img/ssch/@{img}") no-repeat center top;
  }
  .banner{
    .bg("banner.jpg"); height: 448px; padding: 1px;
    .ser_kk{
      width: 848px; height: 130px; .bg("ser_kk.png"); margin: 0 auto; margin-top: 306px;
      input.phone{
        height: 60px; line-height: 60px; margin-top: 4px; margin-left: 180px; width: 218px; font-size: 14px; border: 0;
      }
      input.name{
        height: 60px; line-height: 60px; margin-top: 4px; margin-left: 60px; width: 180px; font-size: 14px; border: 0; 
      }
      a.btn{
        background: #fd9900; color: #fff; margin-left: 12px; margin-top: 2px; height: 65px; line-height: 65px; width: 190px; border-radius: 0 120px 120px 0; text-align: center; font-size: 22px;
        &:hover{
          background: #fc7a00;
        }
        &:active{
          background: #fd9900;
        }
      }
    }
  }

  .dt_group{
    background: #fff; padding: 20px 0; overflow: hidden;
    .dt{
      width: 450px;
      .tl{
        color: #323232; font-size: 18px; font-weight: bold; height: 48px; line-height: 48px;
      }
    }
    .sws,.qys{
      color: #323232; font-size: 18px; height: 48px; line-height: 48px;
      span{
        color: #ff7720; font-size: 30px; font-weight: bold; padding: 0 12px;
      }
    }
    .sws{
      border-left: 1px solid #dddddd; margin-left: 40px; padding-left: 40px; width: 320px;
    }
    .qys{
      width: 280px; padding-left: 40px; 
    }
    .swiper_wrap{
      position: relative;
      height: 48px;
      margin: 0 auto;
      overflow: hidden;

      ul {
        position: relative;
        top: 0;
        left: 0;
        float: right;
        width: 100%;
        color: #444;
        font-size: 14px;
        margin-top: 1px;
      }

      ul li {
        line-height: 48px;
        height: 48px; overflow: hidden; color: #ff7720;
      }

      .lt {
        position: absolute;
        left: -1px;
        top: 7px;
        font-weight: bold;
        color: #AAAAAA;
      }

      .gt {
        position: absolute;
        right: 26px;
        top: 7px;
        font-weight: bold;
        color: #AAAAAA;
      }

      .font_inner a {
        color: #444; height: 48px; line-height: 48px; padding-left: 10px;
      }

      a:hover {
        color: #FA9101; 
      }

    }
     
  }

  .menu_btns{
    text-align: center; padding-top: 40px; padding-bottom: 40px; height: 240px;
    a.btn{
      display: inline-block; width: 320px; height: 210px; 
      &.person{
        .bg("person_btn.jpg"); background-position: center bottom;
        &.on{
          background-position: center top; position: relative; top:26px;
        }
      }
      &.company{
        .bg("company_btn.jpg"); background-position: center bottom; margin-left: 16px;
        &.on{
          background-position: center top; position: relative; top:26px;
        }
      }
    }
  }

  .advantage{
    .bg("per_advan.jpg"); height: 1510px; text-align: center;
    a.btn_service{
      color: #fe5662; background: #fff; border-radius: 100px; width: 228px; height: 64px; display: inline-block; text-align: center; line-height: 64px; font-size: 24px; margin-top: 1350px;
      &:hover{
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
      }
    }
  }

  .tax{
    background: #fff;
    .title{
      height: 140px; .bg("per_tax_title.jpg");
    }

    .tax_menu{
      border-bottom: 4px solid #4e9bdd;
      .item{
        width: 333px; height: 240px; padding: 30px; margin-bottom: 20px;
        .normal{
          display: block; 
          .bt{
            font-size: 20px; font-weight: bold;
          }
          p{
            height: 70px; line-height: 1.5em; padding-top: 10px; color: #666666; font-size: 12px;
          }
        }
        .hover{
          display: none;
        }
        &.on{
          background: #4e9bdd; 
          .normal{
            display: none;
          }
          .hover{
            display: block; color: #fff;
            .bt{
              font-size: 20px; font-weight: bold; padding-bottom: 12px; padding-top: 20px;
            }
            .txt{
              height: 88px;
            }
            .icon_w{
              text-align: center;
            }
            span.icon{
              width: 34px; height: 17px; .bg("icon_sanj.png"); display: inline-block;
            }
          }
        }
      }
    }

    .tax_info{
      padding-top: 40px; padding-bottom: 60px;
      .item{
        font-size: 16px;
        .al{
          padding-bottom: 10px;
        }
        .scq{
          .icon_w{
            width: 88px;
            span.icon{
              display: inline-block; width: 64px; height: 24px; background: #ff9d1e; color: #fff; font-size: 14px; text-align: center; line-height: 24px; font-weight: bold; border-radius: 3px;
              &.sch{
                background: #60d41a;
              }
            }
          }

          .js{
            .t{
              padding-bottom: 10px;
            }
            p{
              color: #4e9bdd;
            }
          }

        }
      }
    }

    .tax_bb{
      .bg("per_tax.jpg"); height: 740px; text-align: center; background-color: #fff;   
    }
    a.btn_service{
      color: #fff; background: #fe5662; border-radius: 100px; width: 228px; height: 64px; display: inline-block; text-align: center; line-height: 64px; font-size: 24px; margin-top: 560px;
      &:hover{
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
      }
    }
  }

  .appli{
    .bg("appli.jpg"); height: 932px; text-align: center;
  }

  .process{
   .bg("process.jpg"); height: 587px; text-align: center; 
   a.btn_service{
      color: #fff; background: #fe5662; border-radius: 100px; width: 228px; height: 64px; display: inline-block; text-align: center; line-height: 64px; font-size: 24px; margin-top: 450px;
      &:hover{
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
      }
    }
  }

  .choose{
    .bg("choose.jpg"); height: 748px; text-align: center; 
  }


  .company{
    .com_twhat{
      .bg("com_twhat.jpg"); height: 600px; text-align: center;    
    }
    .com_enjoy{
      .bg("com_enjoy.jpg"); height: 600px; text-align: center;     
      a.btn_service{
        color: #fff; background: #fe5662; border-radius: 100px; width: 228px; height: 64px; display: inline-block; text-align: center; line-height: 64px; font-size: 24px; margin-top: 450px;
        &:hover{
          box-shadow: 0 0 10px rgba(0,0,0,0.2);
        }
      }
    }
    .com_service{
      .bg("com_service.jpg"); height: 568px; text-align: center;     
      a.btn_service{
        color: #fe5662; background: #fff; border-radius: 100px; width: 228px; height: 64px; display: inline-block; text-align: center; line-height: 64px; font-size: 24px; margin-top: 450px;
        &:hover{
          box-shadow: 0 0 10px rgba(0,0,0,0.2);
        }
      }
    }
    .perfect{
      .bg("perfect.jpg"); height: 603px; text-align: center;     
      a.btn_service{
        color: #fff; background: #fe5662; border-radius: 100px; width: 228px; height: 64px; display: inline-block; text-align: center; line-height: 64px; font-size: 24px; margin-top: 480px;
        &:hover{
          box-shadow: 0 0 10px rgba(0,0,0,0.2);
        }
      }
    }
    .good{
      height: 747px; .bg("good.jpg");
    }
  }

  
  

}


